<markdown>
# 禁用
</markdown>

<template>
  <x-space vertical style="max-width: 300px">
    <x-select v-model:value="value1" :options="options" disabled />
    <x-select v-model:value="value2" :options="options" multiple disabled />
  </x-space>
</template>

<script setup>
import { ref } from 'vue'

const value1 = ref('🍭棒棒糖')
const value2 = ref(['🍭棒棒糖', '🍫巧克力', '🍓草莓'])

const options = ['🍭棒棒糖', '🍦圆筒冰淇淋', '🍫巧克力', '🥙夹心饼', '🍺啤', '🍓草莓'].map((val, i) => ({
  label: val,
  value: val
}))
</script>
